<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:lc="http://www.centralgold.com.br/locasis-facelets"
	xmlns:a="http://richfaces.org/a4j" 
	template="layout/template.xhtml">

	<ui:define name="body">

		<h:form id="clienteForm" enctype="multipart/form-data">

			<rich:panel>
				<f:facet name="header">Cadastrar Clientes</f:facet>

				<h:panelGrid style="margin:0 auto">
					<rich:columnGroup>
						<div align="center">
							<rich:column>
								<s:div styleClass="inputRadio">
									<h:selectOneRadio id="tipoPessoa"
										value="#{cadastrarCliente.tipoPessoa}" label="Tipo Pessoa"
										readonly="#{cadastrarCliente.readOnly}">
										<f:selectItem itemLabel="Pessoa Física" itemValue="1" />
										<f:selectItem itemLabel="Pessoa Jurídica" itemValue="2" />
										<a:support event="onchange" reRender="clienteForm"
											ajaxSingle="true" />
									</h:selectOneRadio>
								</s:div>
							</rich:column>
						</div>
					</rich:columnGroup>
				</h:panelGrid>

				<a:outputPanel id="panelPf"
					rendered="#{cadastrarCliente.tipoPessoa == '1'}">
					<ui:remove>
					<!-- 
					<center>
						<h:panelGrid columns="1" id="gridFoto"
							rendered="#{cadastrarCliente.tipoPessoa == '1' and cadastrarCliente.clienteEdicao.fotoNome != null}"
							style="align:center;">
								<s:graphicImage value="#{cadastrarCliente.fotoSalva}"
									height="80px"
									rendered="#{cadastrarCliente.clienteEdicao.fotoNome != null}"
									width="60px"/>
						</h:panelGrid>
					</center>
					 -->
					</ui:remove>
						
					<h:panelGrid columns="1" id="gridPf"
						rendered="#{cadastrarCliente.tipoPessoa == '1'}">
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Nome:</ui:define>
							<h:inputText value="#{cadastrarCliente.clienteEdicao.nome}"
								maxlength="80" required="true" size="40"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">E-mail:</ui:define>
							<h:inputText value="#{cadastrarCliente.clienteEdicao.email}"
								maxlength="80" required="true" size="40"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Nacionalidade:</ui:define>
							<h:inputText value="#{cadastrarCliente.clienteEdicao.nacionalidade}"
								maxlength="30" required="true" size="40"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Estado Civil:</ui:define>
							<h:selectOneMenu value="#{cadastrarCliente.idEstadoCivilSelecionado}"
								readonly="#{cadastrarCliente.readOnly}"
								required="true">
								<f:selectItems value="#{cadastrarCliente.listaEstadosCivies}"/>
							</h:selectOneMenu>
						</s:decorate>
						
						

						<s:fragment rendered="#{cadastrarCliente.tipoPessoa == '1'}">
							<lc:inputText name="cpfPss" 
		                     	value="#{cadastrarCliente.clienteEdicao.cpf}" 
		                     	label="CPF(Apenas números)" 
		                     	required="#{cadastrarCliente.tipoPessoa == '1'}" 
		                     	onkeypress="return formataCpf(this,event)" 
		                     	jsfConverter="cpfConverter" 
		                        jsfValidator="cpfValidator" 
		                        tamanho="medio" 
		                        maxlength="14"/>
					<br class="Clear" />
		                    
		                 </s:fragment>
		                 
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Data de nascimento:</ui:define>
							<rich:calendar
								value="#{cadastrarCliente.clienteEdicao.dataNascimento}"
								required="false" enableManualInput="true"
								datePattern="dd/MM/yyyy" oninputkeydown="Mascara(this,Data)"
								oninputkeyup="Mascara(this,Data)" showWeeksBar="false"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">RG:</ui:define>
							<h:inputText value="#{cadastrarCliente.clienteEdicao.rg}"
								maxlength="20" required="false" size="40"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Órgão expedidor/UF:</ui:define>
							<h:inputText
								value="#{cadastrarCliente.clienteEdicao.rgOrgaoExpedidor}"
								maxlength="20" required="false" size="40"
								readonly="#{cadastrarCliente.readOnly}" />
							<h:outputText value=" / " />
							<h:selectOneMenu value="#{cadastrarCliente.clienteEdicao.rgUf}"
								disabled="#{cadastrarCliente.readOnly}">
								<f:selectItems value="#{dominioController.listaUfs}" />
							</h:selectOneMenu>
						</s:decorate>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Passaporte:</ui:define>
							<h:inputText value="#{cadastrarCliente.clienteEdicao.passaporte}"
								maxlength="20" required="false" size="40"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Carteria de Habilitação:</ui:define>
							<h:inputText
								value="#{cadastrarCliente.clienteEdicao.habilitacao}"
								maxlength="11" required="false" size="40"
								onkeydown="Mascara(this,Integer)"
								onkeyup="Mascara(this,Integer)"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Data de validade da habilitação:</ui:define>
							<rich:calendar
								value="#{cadastrarCliente.clienteEdicao.habilitacaoValidade}"
								required="false" enableManualInput="true"
								datePattern="dd/MM/yyyy" oninputkeydown="Mascara(this,Data)"
								oninputkeyup="Mascara(this,Data)" showWeeksBar="false"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Data de emissão da habilitação:</ui:define>
							<rich:calendar
								value="#{cadastrarCliente.clienteEdicao.habilitacaoEmissao}"
								required="false" enableManualInput="true"
								datePattern="dd/MM/yyyy" oninputkeydown="Mascara(this,Data)"
								oninputkeyup="Mascara(this,Data)" showWeeksBar="false"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Endereço:</ui:define>
							<h:inputText value="#{cadastrarCliente.clienteEdicao.endereco}"
								maxlength="100" required="true" size="40"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>
						<ui:remove>
						<!-- 
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Upload foto:</ui:define>
							<s:fileUpload id="uploadFile" data="#{cadastrarCliente.uploadedFile}"
								fileName="#{cadastrarCliente.pictureName}"
								contentType="#{cadastrarCliente.contentType}"
								accept="images/*"/>
							<h:commandButton value="Incluir"
								action="#{cadastrarCliente.uploadAnexo}"/>
						</s:decorate>
						 -->
						</ui:remove>
					</h:panelGrid>
				</a:outputPanel>

				<a:outputPanel id="panelPj"
					rendered="#{cadastrarCliente.tipoPessoa == '2'}">
					<h:panelGrid columns="1" id="gridPj"
						rendered="#{cadastrarCliente.tipoPessoa == '2'}">
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Razão Social:</ui:define>
							<h:inputText value="#{cadastrarCliente.clienteEdicao.nome}"
								maxlength="80" required="true" size="40"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">E-mail:</ui:define>
							<h:inputText value="#{cadastrarCliente.clienteEdicao.email}"
								maxlength="80" required="true" size="40"/>
						</s:decorate>
						
						<s:fragment rendered="#{cadastrarCliente.tipoPessoa == '2'}">
							<lc:inputText name="cnpjPss" value="#{cadastrarCliente.clienteEdicao.cpf}" 
								label="CNPJ(Apenas números)" required="true" 
								maxlength="18" 
								onkeypress="return formataCnpj(this,event)" 
								jsfConverter="cnpjConverter" 
                        		tamanho="medio" 
                        		jsfValidator="cnpjValidator" />
						</s:fragment>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Constituição da empresa:</ui:define>
							<rich:calendar
								value="#{cadastrarCliente.clienteEdicao.dataNascimento}"
								required="false" enableManualInput="true"
								datePattern="dd/MM/yyyy" oninputkeydown="Mascara(this,Data)"
								oninputkeyup="Mascara(this,Data)" showWeeksBar="false"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Carteria de Habilitação:</ui:define>
							<h:inputText
								value="#{cadastrarCliente.clienteEdicao.habilitacao}"
								maxlength="11" required="false" size="40"
								onkeydown="Mascara(this,Integer)"
								onkeyup="Mascara(this,Integer)"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Data de validade da habilitação:</ui:define>
							<rich:calendar
								value="#{cadastrarCliente.clienteEdicao.habilitacaoValidade}"
								required="false" enableManualInput="true"
								datePattern="dd/MM/yyyy" oninputkeydown="Mascara(this,Data)"
								oninputkeyup="Mascara(this,Data)" showWeeksBar="false"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Data de emissão da habilitação:</ui:define>
							<rich:calendar
								value="#{cadastrarCliente.clienteEdicao.habilitacaoEmissao}"
								required="false" enableManualInput="true"
								datePattern="dd/MM/yyyy" oninputkeydown="Mascara(this,Data)"
								oninputkeyup="Mascara(this,Data)" showWeeksBar="false"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>

						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Endereço:</ui:define>
							<h:inputText value="#{cadastrarCliente.clienteEdicao.endereco}"
								maxlength="100" required="true" size="40"
								readonly="#{cadastrarCliente.readOnly}" />
						</s:decorate>
					</h:panelGrid>
				</a:outputPanel>

				<h:panelGrid columns="1" id="gridPais"
					rendered="#{cadastrarCliente.tipoPessoa != null}">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">País:</ui:define>
						<h:selectOneMenu value="#{cadastrarCliente.idPaisSelecionado}"
							required="true"
							valueChangeListener="#{cadastrarCliente.selecionaPaisListener}"
							disabled="#{cadastrarCliente.readOnly}">
							<f:selectItems value="#{dominioController.listaPaises}" />
							<a:support event="onchange" reRender="gridPais" ajaxSingle="true" />
						</h:selectOneMenu>
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml"
						rendered="#{cadastrarCliente.verificaSeBrasil()}">
						<ui:define name="label">UF:</ui:define>
						<h:selectOneMenu value="#{cadastrarCliente.clienteEdicao.siglaUf}"
							required="#{cadastrarCliente.verificaSeBrasil()}"
							disabled="#{cadastrarCliente.readOnly}">
							<f:selectItems value="#{dominioController.listaUfs}" />
						</h:selectOneMenu>
					</s:decorate>
				</h:panelGrid>

				<h:panelGrid columns="1"
					rendered="#{cadastrarCliente.tipoPessoa != null}">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Cidade:</ui:define>
						<h:inputText value="#{cadastrarCliente.clienteEdicao.municipio}"
							maxlength="100" required="true" size="40"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Bairro:</ui:define>
						<h:inputText value="#{cadastrarCliente.clienteEdicao.bairro}"
							maxlength="100" required="false" size="40"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">CEP:</ui:define>
						<h:inputText value="#{cadastrarCliente.clienteEdicao.cep}"
							maxlength="10" required="false" size="40"
							onkeydown="Mascara(this,Cep)" onkeyup="Mascara(this,Cep)"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Telefone:</ui:define>
						<h:inputText value="#{cadastrarCliente.clienteEdicao.telefone}"
							maxlength="14" required="true" size="40"
							onkeydown="Mascara(this,Telefone)"
							onkeyup="Mascara(this,Telefone)"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Celular:</ui:define>
						<h:inputText value="#{cadastrarCliente.clienteEdicao.celular}"
							maxlength="14" required="false" size="40"
							onkeydown="Mascara(this,Telefone)"
							onkeyup="Mascara(this,Telefone)"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml"
						rendered="#{cadastrarCliente.tipoPessoa == '1'}">
						<ui:define name="label">Profissão:</ui:define>
						<h:inputText value="#{cadastrarCliente.clienteEdicao.profissao}"
							maxlength="40" required="true" size="40"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml"
						rendered="#{cadastrarCliente.tipoPessoa == '1'}">
						<ui:define name="label">Empresa:</ui:define>
						<h:inputText value="#{cadastrarCliente.clienteEdicao.empresa}"
							maxlength="100" required="false" size="40"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml"
						rendered="#{cadastrarCliente.tipoPessoa == '1'}">
						<ui:define name="label">Cargo:</ui:define>
						<h:inputText value="#{cadastrarCliente.clienteEdicao.cargo}"
							maxlength="40" required="false" size="40"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Endereço de trânsito:</ui:define>
						<h:inputText
							value="#{cadastrarCliente.clienteEdicao.enderecoTransito}"
							maxlength="100" required="false" size="40"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>

				</h:panelGrid>


				<h:panelGrid columns="2"
					rendered="#{cadastrarCliente.tipoPessoa != null}">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Referência <rich:spacer
								style="display:block" /> pessoal:</ui:define>
						<h:inputText
							value="#{cadastrarCliente.clienteEdicao.referenciaPessoal}"
							maxlength="100" required="false" size="40"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Telefone:</ui:define>
						<h:inputText
							value="#{cadastrarCliente.clienteEdicao.referenciaPessoalTelefone}"
							maxlength="14" required="false" size="40"
							onkeydown="Mascara(this,Telefone)"
							onkeyup="Mascara(this,Telefone)"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Referência comercial:</ui:define>
						<h:inputText
							value="#{cadastrarCliente.clienteEdicao.referenciaComercial}"
							maxlength="100" required="false" size="40"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Telefone:</ui:define>
						<h:inputText
							value="#{cadastrarCliente.clienteEdicao.referenciaComercialTelefone}"
							maxlength="14" required="false" size="40"
							onkeydown="Mascara(this,Telefone)"
							onkeyup="Mascara(this,Telefone)"
							readonly="#{cadastrarCliente.readOnly}" />
					</s:decorate>
				</h:panelGrid>

				<div align="center">

					<rich:dataTable value="#{cadastrarCliente.listaCartoes}"
						var="_cartao" rows="5" id="tabelaCartoes"
						rendered="#{cadastrarCliente.listaCartoes.size() > 0}">

						<f:facet name="header">Cartões Cadastrados</f:facet>

						<rich:column>
							<f:facet name="header">Nome no Cartão</f:facet>
							<h:outputText value="#{_cartao.nome}" />
						</rich:column>

						<rich:column>
							<f:facet name="header">Bandeira</f:facet>
							<h:outputText value="#{_cartao.bandeira}" />
						</rich:column>

						<rich:column>
							<f:facet name="header">Numero</f:facet>
							<h:outputText value="#{_cartao.numeroCartao}" />
						</rich:column>

						<rich:column>
							<f:facet name="header">Validade</f:facet>
							<h:outputText value="#{_cartao.validadeCartao}"
								converter="conversorData" />
						</rich:column>

						<rich:column>
							<a:commandLink value="Excluir"
								onclick="javascript:if(!confirm('Tem certeza que deseja excluir?'))return false;"
								action="#{cadastrarCliente.excluirCartao(_cartao)}"
								ajaxSingle="true" reRender="clienteForm,tabelaCartoes" />
						</rich:column>
					</rich:dataTable>
					<rich:datascroller for="tabelaCartoes" renderIfSinglePage="false" />


					<h:panelGrid columns="2">
						<h:commandButton id="novoCartao" value="Novo Cartão"
							ignoreDupResponses="true"
							action="#{cadastrarCliente.inicializaPopupCartao()}"
							rendered="#{!cadastrarCliente.readOnly}"
							focus="formModalCartao:decoreteNomeCartao:nomeCartao" />
					</h:panelGrid>

				</div>

				<fieldset>
					<legend>Documentos - Aluguéis</legend>
					<div>
						<rich:dataTable value="#{cadastrarCliente.listaAlugueis}"
							id="listaAluguel"
							var="_aluguel">
							
							<rich:column>
								<f:facet name="header">Nº Aluguel</f:facet>
								<h:outputText value="#{_aluguel.idAluguel}" />
							</rich:column>
							
							<rich:column>
								<f:facet name="header">Autómovel</f:facet>
								<h:outputText value="#{_aluguel.automovel.marca} - #{_aluguel.automovel.modelo}" />
							</rich:column>
							
							<rich:column>
								<f:facet name="header">Data prevista/retorno</f:facet>
								<h:outputText value="#{_aluguel.dataPrevistaEntrega}" rendered="#{_aluguel.dataRetorno == null}">
									<s:convertDateTime pattern="dd/MM/yyyy"/>
								</h:outputText>								
								<h:outputText value="#{_aluguel.dataRetorno}" rendered="#{_aluguel.dataRetorno != null}">
									<s:convertDateTime pattern="dd/MM/yyyy"/>
								</h:outputText>								
							</rich:column>
							
							<rich:column>
								<f:facet name="header">Status</f:facet>
								<h:outputText value="ABERTO" rendered="#{_aluguel.dataRetorno == null}"/>				
								<h:outputText value="FINALIZADO" rendered="#{_aluguel.dataRetorno != null}"/>
							</rich:column>
							
							<rich:column>
								<f:facet name="header">Documentos</f:facet>
								<h:commandButton action="#{cadastrarCliente.inicialiaPopupDocumentos(_aluguel)}" value="VER DOCUMENTOS" />
							</rich:column>
						</rich:dataTable>
					</div>
				</fieldset>
				
			</rich:panel>

			<div class="actionButtons">
				<h:commandButton id="salvar" value="Salvar"
					action="#{cadastrarCliente.salvar()}"
					onclick="javascript:if(!confirm('Tem certeza que deseja salvar?'))return false;"
					rendered="#{!cadastrarCliente.readOnly}" />
				<h:commandButton id="cancel" value="Cancelar"
					action="#{cadastrarCliente.cancelar()}" immediate="true" />
			</div>
		</h:form>

		<rich:modalPanel id="modalDocumentos" height="400" width="450"
			showWhenRendered="#{cadastrarCliente.exibePopupDocumentos}"
			resizeable="false" autosized="true">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Upload de Documentos" />
				</h:panelGroup>
			</f:facet>
			
			<h:form id="formDocumentos" enctype="multipart/form-data">
				<h:panelGrid columns="1">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Documento:</ui:define>
						<s:fileUpload id="uploadFile" data="#{cadastrarCliente.documentoEdicao.dados}"
							fileName="#{cadastrarCliente.documentoEdicao.documentoNome}"
							contentType="#{cadastrarCliente.documentoEdicao.contentType}"
							accept="images/*"/>
						<h:commandButton value="Incluir"
							action="#{cadastrarCliente.uploadDocumento()}"/>
					</s:decorate>
				</h:panelGrid>
				<br/>
				<rich:dataTable value="#{cadastrarCliente.listaDocumentos}"
					id="tabelaDocumentos"
					var="_doc"
					rows="5">
					
					<rich:column>
						<f:facet name="header">Documento</f:facet>
						<h:commandLink action="#{cadastrarCliente.downloadDocumento(_doc)}" 
							value="#{_doc.documentoNome}" />
					</rich:column>
					
					<rich:column>
						<f:facet name="header">Excluir</f:facet>
						<h:commandButton action="#{cadastrarCliente.excluirDocumento(_doc)}" value="EXCLUIR" />
					</rich:column>
					<f:facet name="footer">
						<rich:datascroller for="tabelaDocumentos" renderIfSinglePage="false"/>
					</f:facet>
				</rich:dataTable>
				<div align="center">
					<h:commandButton action="#{cadastrarCliente.fecharPopupDocumentos()}" value="FECHAR" />
				</div>
			</h:form>
		</rich:modalPanel>
		
		
		<rich:modalPanel id="modalCartao" height="220" width="450"
			showWhenRendered="#{cadastrarCliente.exibePopupCartao}"
			resizeable="false" autosized="true">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Cadastrar Cartões" />
				</h:panelGroup>
			</f:facet>

			<h:form id="formModalCartao">
				<h:messages id="messages" globalOnly="true" styleClass="message"
					errorClass="errormsg" infoClass="infomsg" warnClass="warnmsg"
					rendered="#{showGlobalMessages != 'false'}" />
				<h:panelGrid columns="1">
					<s:decorate template="/layout/edit.xhtml" id="decoreteNomeCartao">
						<ui:define name="label">Nome no Cartão</ui:define>
						<h:inputText value="#{cadastrarCliente.cartao.nome}"
							required="true" maxlength="35" size="40" id="nomeCartao" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Bandeira</ui:define>
						<h:inputText value="#{cadastrarCliente.cartao.bandeira}"
							required="true" maxlength="25" size="40" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Número</ui:define>
						<h:inputText value="#{cadastrarCliente.cartao.numeroCartao}"
							required="true" maxlength="16" size="40"
							onkeydown="Mascara(this,Integer)" onkeyup="Mascara(this,Integer)" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Data de validade</ui:define>
						<rich:calendar value="#{cadastrarCliente.cartao.validadeCartao}"
							oninputkeydown="Mascara(this,DataMesAno)"
							oninputkeyup="Mascara(this,DataMesAno)" required="true"
							enableManualInput="true" datePattern="MM/yyyy"
							showWeeksBar="false" />
					</s:decorate>

					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Cod. Seguramça</ui:define>
						<h:inputText value="#{cadastrarCliente.cartao.codCartao}"
							required="true" maxlength="3" size="40"
							onkeydown="Mascara(this,Integer)" onkeyup="Mascara(this,Integer)" />
					</s:decorate>

				</h:panelGrid>

				<rich:spacer style="display:block" />
				<rich:spacer style="display:block" />
				<rich:spacer style="display:block" />

				<div align="center">
					<a:commandButton action="#{cadastrarCliente.salvarCartao()}"
						value="Salvar" reRender="modalCartao,clienteForm" />
					<a:commandButton action="#{cadastrarCliente.cancelarPopupCartao()}"
						value="Cancelar" immediate="true" reRender="modalCartao" />
				</div>
			</h:form>
		</rich:modalPanel>


	</ui:define>
</ui:composition>
